<style type="text/css" media="all">

   .detailBody{
    width: 100%;
    word-break: break-all;
   }
  .detailBody img{
    width:100%;
  }
   .detailHr{
    border:1px solid #AAAAFF;
   }
   .content{
      padding-top: 54px!important;
      padding-right: 10px!important;
      padding-left: 10px!important;
   }
   .detailInfo{
      margin-top: 20px;
      margin-bottom: 10px;
      border:1px solid silver;
      padding:10px 5px;
      border-style：-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;
      background-color: #6A88FF;
   }
   .fontWeight1{
      font-weight: 600;
   }
   .detailLink{
      color:#191919;
   }
   .linkDiv_one{
      text-align: center;
      position: absolute;
      left: 0px;
      top:0px;
      width: 28%;
    /*padding:5px 15px;*/
      border-style：-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
      background-color: #6A88FF;
      color:black;
   }
   .linkDiv_two{
      text-align: center;
      width: 28%;
      margin-left: auto;
      margin-right: auto;
      border-style：-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
      background-color: #6A88FF;
   }
   .linkDiv_three{
      text-align: center;
      width: 28%;
      position: absolute;
      top:0px;
      right: 0px;
      border-style：-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
      background-color: #6A88FF;
   }
   .tab{
      width:100%;
   }
   .detailLinkContent{
      margin-bottom:10px;
      position: relative;
   }
   .detailImg{
      float:left;
      width: 50px;
      height: 50px;
   }
   .detailTitleContent{
      position: absolute;
      left: 60px;
      bottom: 0px;
   }
   .icon-star-empty {
    color:white !important;
   }
</style>

<script id="softwareDetailTemplate" type="text/x-jquery-tmpl">
  
  <div class="detailHead">
    <img src="<%=logo%>" onerror="javascript:this.src='../base/img/widget_dface.ing';" class="detailImg"/>
    <div class="detailTitleContent">
       <span class="extensionTitle fontWeight1"><%=extensionTitle%></span>
       <span class="detailTitle fontWeight1"><%=title%></span>
    </div>
      <div style="clear:both"></div>
  </div>
  <hr class="detailHr"/>
  <div class="detailBody">
    <%=body%>
  </div>
  <div class="detailInfo">
    <span class="infoTitle h5 fontWeight1">授权协议</span>:<%=license%>
    <hr class="detailHr" />
    <span class="infoTitle h5 fontWeight1">开发语言</span>:<%=languages%>
    <hr class="detailHr" />
    <span class="infoTitle h5 fontWeight1">操作系统</span>:<%=os%>
    <hr class="detailHr" />
    <span class="infoTitle h5 fontWeight1">收录时间</span>:<%=recordtime%>
  </div>
  <div class="detailLinkContent">
      <% 
      if(homepage !== "") {
       %>
      <div class="linkDiv_one"><a href="<%=homepage%>" class="detailLink h4">软件首页</a></div>
      <%
       }
       if(download !== "") {
       %>
      <div class="linkDiv_two"><a href="<%=download%>" class="detailLink h4">软件下载</a></div>
      <% 
      }   
      if(document !== "") {
       %>
      <div class="linkDiv_three"><a href="<%=document%>" class="detailLink h4">软件文档</a></div>
       <%
       }
       %>
  </div>
</script>

<!-- header -->
<header class="bar-title">
  <div class="left-banner">
    <span class="backBtn icon-reply imgsize"></span>
  </div>
  <h1 class="title">软件详情</h1>
  <div class="right-banner">
    <span class="icon-star-empty icon-2x collect"></span>
  </div>
</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->


<div class="content">


</div>

